<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- vue的脚手架 是用来搭建 vue项目
  vue的脚手架名称 vue-cli 
  基于webpack的功能来构建项目，
  实现项目的创建，启动服务，跨域配置，打包，打包优化，loader解析，测试
  
  win+r 输入cmd 快速打开dos 命令窗口


  npm 包管理器是安装nodejs 自带的一个模块
  npm 是一个全球的包管理器 写好的插件包等可以上传到
  npm 服务器  开源共享
  同npm install(i) 下载指令 下载各种包来自己项目中使用
  npm i jquery -g(global)     //global 全局下载
  npm i axios@1.0.1 -g 控制版本 如果不控制版本 默认安装最新版

  vue-cli的4版本 脚手脚

  安装脚手架的指令 
  npm i  @vue/cli -g
  
  检测是否成功 出现版本号成功
  vue --version 

  创建vue项目的指令

  vue create 项目名（不要出现大写字符）

? Please pick a preset:
  Default ([Vue 2] babel, eslint)   //vue2的默认模板
  Default (Vue 3) ([Vue 3] babel, eslint) //vue3的默认模板
> Manually select features   //自定义选项

-->
 (*) Choose Vue version     //选择vue版本
 (*) Babel                  //es6转es5 
 ( ) TypeScript             //ts
 ( ) Progressive Web App (PWA) Support //web报告
 (*) Router                   //vue的路由 
 (*) Vuex                      //vuex
>(*) CSS Pre-processors        //css预处理器
 ( ) Linter / Formatter        //eslint 
 ( ) Unit Testing             //测试单元
 ( ) E2E Testing               //测试单元



 <!-- 选择vue版本 -->
? Choose a version of Vue.js that you want to start the project with (Use arrow keys)
> 2.x  
  3.x

<!-- 是否历史模式路由 -->
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
输入y回车

<!--css预处理选择 less  -->
Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less

<!-- 配置文件的位置  -->
Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files //分开配置文件
  In package.json  // 都放到package.json 里

<!-- 是否保留你这套方案 -->
   Save this as a preset for future projects? (y/N)y
   Save preset as: 方案名

   <!-- npm cache clean --force 清楚npm 的缓存 -->

   <!-- 项目创建完成后 -->
   cd 项目名 

   <!-- 启动项目命令 -->
   npm run serve 

   <!-- 访问项目 -->
   localhost:8080 


   <!-- vue的项目目录结构 -->
  <!-- vue开发的是单页面应用 single page application (SPA) -->
   <!-- 
      node_modules--项目开发的依赖
      开发依赖，线上依赖
      npm i 安装的插件都放到此文件夹
      public---index.html---项目主页

      src
         assets ->静态资源文件 图片 视频 文字包 公共的css和js放置
         components: 组件 公共组件的放置位置
         router: vue的路由文件的放置位置
         store :vue的公共状态管理vuex文件的方式位置
         views: 一般放置开发的页面组件
         app.vue: 项目的根组件
         main.js:vue的项目的入口文件 

      babel.config.js ---安装的插件的配置
      package.json --项目描述文件（项目名，版本。安装依赖，启动命令配置）


      vue的组件是有三个部分
        标签部分 ---<template></template>
        js部分-----<script></script>
        样式部分---<style lang="less" scoped></style>









    -->
</body>
</html>